<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Buzón Ciudadano de Vitoria-Gasteiz</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<link rel="stylesheet" href="css/jquery.mobile.css" />
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile.js"></script>
</head>
<body>

<div id="sugerencias-list" data-role="page" data-title="Buzón Ciudadano :: Listado sugerencias">
	<div data-role="header" data-id="volver" data-position="fixed">
		<a href="index.html" data-icon="back">atrás</a>
		<h1>Mi listado de sugerencias</h1>
		<a id="sincronizar-todo" href="#" data-icon="refresh">sincronizar</a>
	</div>
	<div data-role="content">
		<ul id="mis-sugerencias" data-role="listview" data-split-icon="refresh">
			<li id="sincro-si" data-role="list-divider">Sincronizadas <span id="num-sincro-si" class="ui-li-count">{cantidad}</span></li>
			<li rel="sugerencia">No hay ninguna sugerencia</li>
			<li id="sincro-no" data-role="list-divider">Pendientes de sincronizar <span id="num-sincro-no" class="ui-li-count">{cantidad}</span></li>
			<li rel="sugerencia">No hay ninguna sugerencia</li>
		</ul>
	</div>
	<div data-role="footer" data-id="nav-list" data-position="fixed">
		<div data-role="navbar">
			<ul>
				<li><a href="sugerencias-list.html" class="ui-btn-active ui-state-persist">Listado</a></li>
				<li><a href="localizaciones-list.html">Mapa</a></li>
			</ul>
		</div>
	</div>
</div>

</body>
</html>